<template>
	<div>
		<div class="foot">
			<el-row style="margin-top: 20px;">
				<el-col :span="3" style="min-height: 100%;background-color: #FFFFFF;"></el-col>
				<el-col :span="14" :offset="5" class="foot_left">
					<div class="left">
						<div class="item">
							<div class="title">关于我们</div>
							<div class="subtitle">公司介绍</div>
							<div class="subtitle">联系我们</div>
						</div>
						<div class="item">
							<div class="title">产品与服务</div>
							<div class="subtitle">人才招聘</div>
							<div class="subtitle">企业招聘</div>
						</div>
						<div class="item">
							<div class="title">使用与帮助</div>
							<div class="subtitle">账号注册</div>
							<div class="subtitle">意见反馈</div>
							<div class="subtitle">隐私政策</div>
							<div class="subtitle">用户协议</div>
						</div>
					</div>
					<div class="right">
						<img src="../../screenshots/ewm.png" alt="" class="src">
						<p>官方客服微信</p>
					</div>
				</el-col>
			</el-row>
		</div>

	</div>
</template>

<script>
</script>

<style lang="less">
	.foot {
		width: 100%;
		height: auto;
		// border-top: 60px solid #F8F8FB;

		.foot_left {
			display: flex;
			padding-top: 30px;
			padding-bottom: 20px;
			box-sizing: border-box;
			justify-content: space-between;

			.left {
				display: flex;

				.item {
					margin-left: 77px;

					.title {
						color: #333333;
						font-size: 18px;
						margin-bottom: 16px;
					}

					.subtitle {
						color: #999999;
						font-size: 14px;
						margin-bottom: 10px;

					}
				}
			}
			.right{
				display: flex;
				flex-direction: column;
				justify-content: center;
				img{
					width: 120px;
					height: 120px;
					
				}
				p{
					color: #666666;
					font-size: 16px;
					text-align: center;
					margin-top: 17px;
				}
			}
		}

	}
</style>
